<script setup>
import { onMounted } from "vue";
import NavBar from "@/components/NavBar/index.vue";

function navigateToMe() {
  uni.switchTab({
    url: "/pages/Me/index",
  });
}
</script>

<template>
  <div class="container">
    <NavBar></NavBar>
    <div @click="navigateToMe" class="back-nav">
      <image
        src="@/static/icon/chevron-left.png"
        style="width: 14px; height: 14px"
      ></image>
      <text>商城</text>
    </div>
    <div class="store-content">暂时缺货</div>
  </div>
</template>

<style scoped>
.container {
  height: 100vh;
  display: flex;
  flex-direction: column;
  padding: 20px;
  background: linear-gradient(180deg, #c3e4b3 0%, #f5fff0 100%);
}

.back-nav {
  width: 100%;
  height: 20px;
  display: flex;
  justify-content: flex-start;
  margin: 20px 0;
  align-items: center;
  column-gap: 8px;
  font-size: 16px;
}

.store-content {
  height: calc(100vh - 300px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  font-weight: 600;
}
</style>
